﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<style type="text/css"> 
		body {
			background: #aaaaaa;
			color: black;
			font-family: malgun gothic, sans-serif;
			margin: 0;
			padding:0;
			overflow: hidden;
		}
		
		#view {
			background: white;
			position : absolute;
		}
		
		#workspace {
			position : absolute;
		}
		
		#codespace {
			visibility : hidden;
		}
		
		#source {
			background: black;
			color: white;
			border: 1px dashed #CCC;
			clear: both;
			padding: 10px;
		}
		</style>
	</head>
	<body>
		<div id="view"></div>
		<div id="workspace">
			<div>
				<button type="button" id="execute">execute</button>	
				<button type="button" id="run">run</button>
				<button type="button" id="hide">hide</button>
				<button type="button" id="save">save</button>
				<input id="so" type="range" main="0" max="100" value="90"/>
			</div>
			<textarea id="source"></textarea>
		</div>
		<div id="codespace"></div>
		<script type="text/javascript" src="vg.js"></script>
	</body>
</html>